import { PageContainer } from '@ant-design/pro-layout';
import { Alert, Card, Typography } from 'antd';
import React from 'react';
import { useIntl } from 'umi';
import './Welcome.less';

const Welcome: React.FC = () => {
  const intl = useIntl();
  return (
    <PageContainer pageHeaderRender={false}>
      <Card>
        <Alert
          message={intl.formatMessage({
            id: 'pages.welcome.alertMessage',
            defaultMessage: 'Welcome',
          })}
          type="success"
          showIcon
          banner
          style={{
            margin: -12,
            marginBottom: 48,
          }}
        />
        <Typography.Title
          level={2}
          style={{ textAlign: 'center' }}
        ></Typography.Title>
      </Card>
    </PageContainer>
  );
};

export default Welcome;
